<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:sec="http://www.springframework.org/security/tags">
<h:head>
	<meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    <link href="#{facesContext.externalContext.request.contextPath}/css/global-style.css" rel="stylesheet" type="text/css" media="screen" />
    <link rel="icon" href="#{facesContext.externalContext.request.contextPath}/images/favicon-pma.png" type="image/png" /><!-- LayerSlider stylesheet -->
    <link rel="stylesheet" href="#{facesContext.externalContext.request.contextPath}/assets/layerslider/css/layerslider.css" type="text/css" />
    <link rel="stylesheet" href="#{facesContext.externalContext.request.contextPath}/resource/css/main.css" type="text/css" />
    
	<ui:insert name="head_content"></ui:insert>
	
	<title><ui:insert name="title_page">#{language['application.name']}</ui:insert></title>
	
	<h:outputScript library="primefaces" name="jquery/jquery.js" target="head"/>
	<script type="text/javascript" src="#{facesContext.externalContext.request.contextPath}/js/locale-primefaces.js"></script>
	<script type="text/javascript" src="#{facesContext.externalContext.request.contextPath}/assets/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="#{facesContext.externalContext.request.contextPath}/js/modernizr.custom.js"></script>
	<script type="text/javascript" src="#{facesContext.externalContext.request.contextPath}/js/jquery.mousewheel-3.0.6.pack.js"></script>
	<script type="text/javascript" src="#{facesContext.externalContext.request.contextPath}/js/jquery.cookie.js"></script>
	<script type="text/javascript" src="#{facesContext.externalContext.request.contextPath}/js/jquery.easing.js"></script>
	
	<script type="text/javascript" src="#{facesContext.externalContext.request.contextPath}/assets/hover-dropdown/bootstrap-hover-dropdown.min.js"></script>
	<script type="text/javascript" src="#{facesContext.externalContext.request.contextPath}/assets/masonry/masonry.js"></script>
	<script type="text/javascript" src="#{facesContext.externalContext.request.contextPath}/assets/page-scroller/jquery.ui.totop.min.js"></script>
	<script type="text/javascript" src="#{facesContext.externalContext.request.contextPath}/assets/mixitup/jquery.mixitup.js"></script>
	<script type="text/javascript" src="#{facesContext.externalContext.request.contextPath}/assets/mixitup/jquery.mixitup.init.js"></script>
	<script type="text/javascript" src="#{facesContext.externalContext.request.contextPath}/assets/fancybox/jquery.fancybox.pack.js?v=2.1.5"></script>
	<script type="text/javascript" src="#{facesContext.externalContext.request.contextPath}/assets/easy-pie-chart/jquery.easypiechart.js"></script>
	<script type="text/javascript" src="#{facesContext.externalContext.request.contextPath}/assets/waypoints/waypoints.min.js"></script>
	<script type="text/javascript" src="#{facesContext.externalContext.request.contextPath}/assets/sticky/jquery.sticky.js"></script>
	<script type="text/javascript" src="#{facesContext.externalContext.request.contextPath}/js/jquery.wp.custom.js"></script>
	<script type="text/javascript" src="#{facesContext.externalContext.request.contextPath}/js/jquery.wp.switcher.js"></script>
	<script src="#{facesContext.externalContext.request.contextPath}/assets/layerslider/js/greensock.js" type="text/javascript"></script>
	 
	<script src="#{facesContext.externalContext.request.contextPath}/assets/layerslider/js/layerslider.transitions.js" type="text/javascript"></script>
	<script src="#{facesContext.externalContext.request.contextPath}/assets/layerslider/js/layerslider.kreaturamedia.jquery.js" type="text/javascript"></script>
</h:head>
	
<body>
<div class="wrapper">
	<div class="top-header">
		<div class="container">
	        <div class="row">
	            <div class="col-sm-12">
	            	<nav class="top-header-menu">
	                   <ul class="menu">
	                        <li>
	                        	<h:outputLink value="#{facesContext.externalContext.request.contextPath}/pages/geral/home.xhtml">
	                        		#{beanSessaoUsuario.usuarioLogado ? beanSessaoUsuario.usuario.nome : 'Login'}
	                        	</h:outputLink>
	                        </li>
	                        <li>
	                        	<h:outputLink value="#{facesContext.externalContext.request.contextPath}/logout" rendered="#{beanSessaoUsuario.usuarioLogado}">
	                        		Sair
	                        	</h:outputLink>
                        	</li>
	                    </ul>
					</nav>
	            </div>
	        </div>
	    </div>
	</div>

<h:form>
<header>
	<div id="navOne" class="navbar navbar-wp" role="navigation" style="height: 150px">
        <div class="container">
            <div class="navbar-header">
            	
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <!-- APLICAR LOGO DO SISTEMA, IMAGEM PNG -->
                <a class="navbar-brand" href="#{facesContext.externalContext.request.contextPath}" title="Sistema de Gerenciamento de Aplicações de Prova">
                	<!-- <h:graphicImage url="/images/boomerang-logo-dark.png" alt="Sistema de Gerenciamento de Aplicações de Prova" /> -->
                	<h:graphicImage style="height: 123px" url="/images/logo_sgap/modelo_03.png" alt="Sistema de Gerenciamento de Aplicações de Prova" />
					<span class="aux-text hidden-xs">
	                    Sistema de Gerenciamento de Aplicações de Prova - SGAP
	                </span>
                </a>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                	<ui:insert name="list_menu">
                		
                	</ui:insert>	
                </ul>
            </div>
        </div>
    </div>
</header>
</h:form>
	
	<ui:insert name="sub_header">
		
	</ui:insert>
	
	<ui:insert name="content">
	
	</ui:insert>
<footer class="footer">
    <div class="container">
        <div class="row">
        	<div class="col-lg-9 copyright">
            	<a href="#">2014 DevTeam &#174; </a><br />
            </div>
        </div>
    </div>
	</footer>
</div>	
	<script>
		jQuery("#layerslider").layerSlider({
			pauseOnHover: true,
			autoPlayVideos: false,
			skinsPath: '#{facesContext.externalContext.request.contextPath}/assets/layerslider/skins/',
			responsive: false,
			responsiveUnder: 1280,
			layersContainer: 1280,
			skin: 'borderlessdark3d',
			hoverPrevNext: false,
		});
	</script>
</body>
</html>